<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<script src="../../../scripts/boot.js" type="text/javascript"></script>
	<style type="text/css">
		html, body {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.mini-mask-msg {
			cursor: no-drop !important;
		}
	</style>
</head>
<body>
<div class="mini-toolbar">
	<a class="mini-button" iconCls="icon-edit" enabled="false"
	   onclick="update()" id="but_update">修改</a> <span class="separator"></span>
	<a class="mini-button" iconCls="icon-save" enabled="false"
	   onclick="save()" id="but_save">保存</a> <span class="separator"></span>
	<a class="mini-button" iconCls="icon-no" enabled="false"
	   onclick="abandon()" id="but_abandon">放弃</a>
</div>
<div class="mini-splitter" style="width: 100%;" id="sp"
	 onresize="resize" oncollapse="resize" onexpand="resize">
	<div size="50%" showCollapseButton="true">
		<!-- 拆分 -->
		<div class="mini-splitter" style="width:100%;height:100%;">
			<div size="54%" showCollapseButton="true">
				<div id="datagrid1" class="mini-datagrid"
					 onselectionchanged="onSelectionChanged"
					 style="width: 100%; height: 94vh;" allowCellSelect="true"
					 multiSelect="false" showFilterRow="true"
					 idField="roleId" showPager="false">
					<div property="columns">
						<!--<div type="indexcolumn"></div>        -->
						<div type="checkcolumn"></div>
						<div field="roleId" width="100" headerAlign="center" align="center"
							 visible="false" allowSort="true">角色ID</div>
						<div field="roleCode" width="100" headerAlign="center" align="center"
							 allowSort="true">
							角色编码 <input id="rcFilter" property="filter" class="mini-textbox"
										style="width: 100%;" onvaluechanged="onFilterChanged" />
						</div>
						<div field="roleName" width="100" headerAlign="center" align="center"
							 allowSort="true">
							角色名称 <input id="rnFilter" property="filter" class="mini-textbox"
										style="width: 100%;" onvaluechanged="onFilterChanged" />
						</div>
						<div field="roleDescribe" width="100" headerAlign="center"
							 allowSort="true">
							角色说明 <input id="rdFilter" property="filter" class="mini-textbox"
										style="width: 100%;" onvaluechanged="onFilterChanged" />
						</div>
					</div>
				</div>
			</div>
			<div showCollapseButton="true">
				<!-- 模块表格树 -->
				<div id="treegridModualr" class="mini-treegrid"
					 style="width: 100%; height: 100%;" treeColumn="name" idField="id" virtualScroll="true"
					 parentField="pid" resultAsTree="false" showCheckBox="true" checkRecursive="false"
					 onselectionchanged="onNodeselectMo" onnodecheck = "onModularNodeselect"
				>
					<div property="columns">
						<div type="indexcolumn"></div>
						<div name="name" field="name" width="220">模块名称</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div showCollapseButton="true">
		<div id="treegrid1" class="mini-treegrid"
			 style="width: 100%; height: 100%;" treeColumn="name" idField="id"
			 parentField="pid" resultAsTree="false" allowResize="true"
			 expandOnLoad="true" showTreeIcon="true" allowSelect="true"
			 allowCellSelect="false" enableHotTrack="false" virtualScroll="true"
			 ondrawcell="ondrawcell" showCheckBox="true" checkRecursive="false" onnodecheck = "onNodeselect"
		>
			<!--  ajaxOptions="{async:true}" onload="onload()" showLoading="true" -->
			<div property="columns">
				<div type="indexcolumn"></div>
				<div name="name" field="name" width="220">菜单名称</div>
				<div field="functions" width="100%">按钮权限</div>
			</div>
		</div>
	</div>
</div>
<script src="../js/ColumnsMenu.js"></script>
<script src="../js/AuthManage.js" type="text/javascript"></script>
</body>
</html>